@charset "gb2312";
#footer_mobile { display: none; }
.f_menu { display: none; }
#nav .menu { display: none; }
.p_position .p_menu { display: none; }
.lang_li { display: none; }
#m_banner { display: none; }

@media screen and (max-width : 768px) {
    #pc_banner { display: none; }
    #m_banner { display: block; }

    html { width: 100%; }
    body { min-width: 100%; }
    a { font-size: 14px; }
    .base { width: auto; }
    #header { min-width: 100%; background-color: #fff; }
    #header .head { padding: 0 10px; width: auto; height: 80px; }
    #header .logo { margin-top: 8px; }
    #header .logo img { height: 65px; }
    #header .h_so_box { display: none; }
    #header .h_so_box_ico { display: none; }
    #header .lang { display: none; }

    #nav { width: 40px !important; float: right; border: none; }
    #nav .menu { font-size: 30px; display: block; color: #045292; width: 40px; height: 40px; margin-top: 20px; background: url(../images/icon_menu.png) center no-repeat; background-size: cover; }
    #nav ul { display: none; position: absolute; left: 0; top: 80px; z-index: 9; background-color: #4EB8D3; margin-top: 0; padding: 10px 0; border-top: 1px solid #4EB8D3; }
    #nav ul li { display: block; width: 100%; text-align: center; border-bottom: 1px solid #40AECA; height: 36px; overflow: hidden; }
    #nav ul li a { line-height: 32px; color: #fff; width: 100%; text-align: left; padding-left: 20px; height: auto; }
    #nav li.select { background-color: #40AECA; }
    #nav li:hover { background-color: #40AECA; }
    #nav ul > li > a { border: none; }
    #nav ul > li.select > a { color: #fff; border: none; }
    #nav ul > li > a:hover { border: none; }
    #nav li div { opacity: 0; z-index: -1; visibility: hidden; }
    #nav .lang_li { display: block; }

    #header_block { height: 80px; }
    .banner { min-width: initial; }
    .banner #J_bannerBar { bottom: 6px; }

    .h_tit { height: 80px; }
    .h_tit h3 { width: auto; }
    .h_tit h3 em { font-size: 36px; line-height: 40px; }
    .h_tit h3:after { top: 80px; }
    .h_tit2 { height: 60px; }
    .h_tit2 h3 { width: auto; font-size: 24px; }

    .banner .prevnext, .banner:hover .prevnext { display: none; }
    .banner #J_bannerPic {min-height:200px;height:auto; }
    .banner #J_bannerPic li img {width:100%;height:auto;height:100%; }
    .banner #J_bannerPic li {position:static; }

    /*首页产品*/
    .h_product { padding: 30px 0 0; }
    .h_product dl { width: auto; }
    .h_product dl dd .hd { height: auto; }
    .h_product dl dd .hd ul.p_tab { height: auto; overflow: hidden; }
    .h_product dl dd .hd ul.p_tab li:after { display: none; }
    .h_product dl dd .hd ul.p_tab li.on:after { display: none; }
    .h_product dl dd .hd ul.p_tab li { padding: 0 8px; margin-right: 0; width: 50%; box-sizing: border-box; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; height: 36px; line-height: 36px; }

    .h_product dl dd .bd { width: auto; }
    .h_product dl dd .bd .p_list { width: auto; }
    .h_product dl dd .bd .p_list .li { width: 50%; box-sizing: border-box; margin-right: 0; padding: 10px; height: 265px; }
    .h_product dl dd .bd .p_list .li a { line-height: inherit; }
    .h_product dl dd .bd .p_list .li .img { height: 200px; }
    .h_product dl dd .bd .p_list .li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }

    .h_product dl dd .bd .p_list .li:nth-child(4n+0) { margin-right: 0; color: #337ab7; }
    .h_product dl dd .bd .p_list .li:nth-child(4n+0) a { color: #337ab7; }
    .h_product dl dd .bd .p_list .li:nth-child(4n-1) { color: #337ab7; }
    .h_product dl dd .bd .p_list .li:nth-child(4n-1) a { color: #337ab7; }

    .h_product_bg { display: none; }

    /*首页-关于*/
    .content-nav ul { width: auto; text-align: left; padding: 15px 10px; height: auto; }
    .content-nav ul li { padding: 0; margin-right: 10px; }
    .about-info { padding: 0 10px; }
    .about-info .index_nav { padding-top: 30px; font-size: 30px; width: auto; }
    .about-co { padding: 15px 0; }
    .about-co img { max-width: 100%; height: auto; }
    .h_about { padding: 30px 10px; }
    .h_about .about_img { margin-top: 0; width: 100%; box-sizing: border-box; float: none; }
    .h_about .about_img .about_box { margin: 10px; width: auto; }
    .h_about .about_img .about_box .img { width: auto; }
    .h_about .about_img .about_box span { width: 100%; }
    .h_about .about_img .about_box img { width: 100%; }
    .h_about .about_co { float: none; width: auto; padding: 0 10px; margin-top: 30px; }
    .h_about .more { text-align: center; }
    .h_about_profile { width: auto; float: none; margin-top: 0; }
    .h_about .h_video { width: auto; float: none; padding: 0; margin-top: 20px; }
    .h_about .h_video #a1 { max-width: 100%; height: auto !important; }
    .h_about .h_video video { max-width: 100%; height: auto; }

    /*首页-新闻*/
    .h_news { padding: 30px 10px 50px; }
    .h_news .h_tit2 { height: 80px; display: none; }
    .h_news_list { width: auto; float: none; padding: 0; }
    .h_news_list .tit h4 { font-size: 24px; font-weight: lighter; line-height: 1.5; }
    .h_news_list ul li { margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
    .h_news_list ul li .news-tit { width: 60%; float: left; overflow: hidden; position: relative; }
    .h_news_list ul li .news-tit a { max-width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .h_news_list .tit .more { margin-top: 16px; }
    .h_news_bg { display: none; }

    /*首页-案例*/
    .h_case { width: auto; float: none; margin: 0; padding: 30px 10px; }
    .h_case dl { width: auto; }
    .h_case dl dt { height: 50px; }
    .h_case dl dt h3 { font-size: 24px; width: auto; font-weight: normal; line-height: 1.5; }
    .h_case dl dt .more { top: 10px; }
    .h_case dl dd ul.p_list li { width: auto; float: none; margin-right: 0; overflow: hidden; border-bottom: 1px solid #eee; padding: 12px 0; margin-bottom: 2px; }
    .h_case dl dd ul.p_list li .img { width: 40%; float: left; display: inline-block; height: auto; margin-bottom: 0; }
    .h_case dl dd ul.p_list li .img img { max-height: 120px; min-height: initial; }
    .h_case dl dd ul.p_list li .case_tit { margin-left: 43%; padding: 0px 0 10px; }
    .h_case dl dd ul.p_list li div { margin-left: 43%; height: 44px; line-height: 22px; overflow: hidden; }


    .h_case .tit { overflow: hidden; }
    .h_case .bd { width: auto; }
    .h_case on { color: #333; }
    .h_case.on .tit { color: #333; }
    .h_case.on .tit .more { color: #333; margin-top: 16px; }
    .h_case.on .bd ul li { color: #333; }
    .h_case.on .bd ul li .news-tit a { color: #333; }
    .h_case.on .prevnext a.prev { background-position: left bottom; }
    .h_case.on .prevnext a.next { background-position: right bottom; }

    /*底部-地图*/
    .h_map_co { display: none; }
    #footer { display: none; }
    #footer_mobile { display: block; padding: 10px 10px; padding-bottom: 15px; }
    .f_menu { height: 54px; position: fixed; text-align: center; display: none; bottom: 0; z-index: 99; width: 100%; }
    .f_menu ul { position: relative; padding: 0 2%; }
    .f_menu ul li { width: 20%; height: 54px; background: #45B4D3; display: inline-block; margin-left: 1px; border-radius: 8px 8px 0 0; padding: 5px 5px 0 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: border-box; float: left; }
    .f_menu ul li a { display: block; font-size: 14px; text-align: center; color: #fff; line-height: 47px; border-radius: 8px 8px 0 0; border: 1px dashed #fff; border-bottom: none; text-decoration: none; }
    .f_menu ul li:hover { background: #90C450; }
    .f_menu ul li.active { background: #90C450; }
    .f_menu ul li.home { width: 18%; height: 82px; position: relative; margin-top: -28px; border-radius: 45px 45px 0 0; }
    .f_menu ul li.home a { padding-top: 28px; border-radius: 40px 40px 0 0; border: 1px dashed #fff; border-bottom: none; background: url(../images/icon_home.png) center 7px no-repeat; background-size: 48%; }

    /*内页*/
    .content .position { margin-top: -80px; left: 10px; right: initial; display: none; }
    .content .left { padding: 0px 10px 0 10px; }
    .content .left .base { width: auto; overflow: initial; }
    .content .left ul { height: auto; }
    .content .left ul li { margin-right: 10px; padding: 0; }
    .content .left ul li a { }

    .content .right { width: auto; padding: 30px 10px; }
    .content .right .r_co { padding-top: 0px; }
    .content .right img { max-width: 100%; }

    /*新闻*/
    .news .top-wrap { padding-top: 0; }
    .news .top-wrap .left-scroll { width: auto; float: none; }
    .news .top-wrap .top_left li img { min-height: 300px; }
    .news .top-wrap .top_right { display: none; }
    .news-list-photo li a.img { width: 40%; height: auto; margin-right: 10px; }
    .news-list-photo li a.img img { width: 100%; height: auto; }
    .news-list-photo li b { max-height: 48px; overflow: hidden; }
    .news-list-photo li .p { line-height: 22px; height: 44px; overflow: hidden; padding: 0; display: block; }
    .news-list-photo li .btn_news { display: none; }
    .news_list { width: auto; padding: 10px 0 20px 0; }
    .news_list li { width: 100%; box-sizing: border-box; margin-right: 0; padding: 10px 0; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; overflow: hidden; height: auto; border-top: 1px solid #eee; text-align: left; }
    .news_list li span { display: none; }
    .news_list li:hover span { display: none; }
    .news_list li span i { display: none; }
    .news_list li .img { display: table-cell; vertical-align: middle; height: auto; width: 40%; margin-right: 10px; float: left; margin-bottom: 0; }
    .news_list li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; float: left; }
    .news_list li .news-tit { text-align: left; }


    /*案例*/
    .case_list { width: auto; padding: 10px 0 20px 0; }
    .case_list li { width: 50%; box-sizing: border-box; margin-right: 0; padding: 0 10px; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; height: 160px; }
    .case_list li span { display: none; }
    .case_list li:hover span { display: none; }
    .case_list li span i { display: none; }
    .case_list li .img { display: table-cell; vertical-align: middle; height: 120px; }
    .case_list li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }


    /*新闻*/
    .newsdetail { width: auto; margin: 0 auto; }
    .newsdetail .tit { height: auto; line-height: 1.2; margin-top: 0; }
    .newsdetail .info { height: auto; font-size: 16px; margin-top: 10px; }

    /*产品*/

    .content.p_content { position: relative; }
    .content .p_category { overflow: hidden; display: none; }
    .content .p_category ul { width: 960px; box-sizing: content-box; }
    .content .p_category ul li { width: 120px; }
    .content .p_position { padding: 15px 10px 0 10px; height: 60px; }
    .content .p_position .p_path { display: none; }
    .content .p_position .sobox { display: none; }
    .content .p_position .base { overflow: initial; }
    .content .p_position .p_menu { font-size: 30px; display: block; color: #045292; width: 30px; height: 30px; margin-top: 0px; float: right; margin-right: 10px; background: url(../images/icon_menu.png) center no-repeat; background-size: cover; }
    .content .p_left { display: none; position: absolute; left: 0; top: 62px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 8; }
    .content .p_left .list { padding: 5px 0; width: 250px; background-color: #fff; }
    .content .p_left .list li { line-height: 40px; }
    .content .p_left .list li a { line-height: 40px; height: 40px; }
    .content .p_right { width: auto; float: none; margin-left: 0; }

    .content .left h3 { height: 40px; font-size: 20px; padding-left: 10px; }
    .content .left h3 em { font-size: 32px; }
    .content .left h3:before { left: 10px; }
    .product_type { height: auto; width: auto; }
    .product_type ul { height: auto; overflow: hidden; }
    .product_type ul li { width: 50%; box-sizing: border-box; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; height: 36px; line-height: 36px; margin-right: 0; }
    .product_type ul li:after { display: none; }
    .product { width: auto; }
    .product li { width: 50%; box-sizing: border-box; margin-right: 0; padding: 0 10px; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; height: 250px; }
    .product li .img { display: table-cell; vertical-align: middle; height: 180px; }
    .product li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }

    .pro_detail { width: auto; margin: 30px auto; }
    .pro_detail_img { width: auto; float: none; }
    .pro_detail_img ul { padding: 0 10px; box-sizing: border-box; }
    .pro_detail_info { float: none; width: auto; min-height: initial; padding: 0 10px; margin-top: 20px; }
    .pro_detail_info table td { height: auto; }
    .pro_detail_co { min-height: 120px; padding: 15px 10px; }
    .p_r_title { margin: 20px 10px 0; }
    .content .p_position #goback { height: 40px; line-height: 40px; margin-top: -5px; }

    .product-photo { padding: 10px; box-sizing: border-box; }
    .product-photo li { width: 49%; box-sizing: border-box; margin-right: 2%; padding: 0; background-color: #fff; box-shadow: none; border: none; margin-bottom: 10px; height: auto; }
    .product-photo li:nth-child(2n) { margin-right: 0; }
    .product-photo li:nth-child(2n-1).mr0 { margin-right: 2%; }
    .product-photo li a.img { display: table-cell; vertical-align: middle; height: 185px; width: 260px; min-width: 100%; text-align: center; overflow: hidden; }
    .product-photo li a.img img { width: auto; height: auto; max-height: 100%; max-width: 100%; min-height: initial; }
    .product-photo li a.title { width: auto; }

    .product_relation2 { padding: 15px 10px 20px 10px; box-sizing: border-box; }
    .product_relation2 .sobox { width: 100%; margin: 10px auto; }
    .product_relation2 li { width: 49%; box-sizing: border-box; margin-right: 2%; padding: 0; background-color: #fff; box-shadow: none; border: none; margin-bottom: 10px; height: auto; }
    .product_relation2 li:nth-child(2n) { margin-right: 0; }
    .product_relation2 li a.img { display: table-cell; vertical-align: middle; height: 190px; width: 260px; min-width: 100%; text-align: center; }
    .product_relation2 li a.img img { width: auto; height: auto; max-height: 100%; max-width: 100%; min-height: initial; }
    .product_relation2 li a.title { width: auto; }

    /*下载*/
    .download li { width: auto; margin-right: 0; float: none; }

    /*视频*/
    .video dd { width: auto; margin-right: 0; float: none; height: auto; margin-bottom: 15px; }
    .video dd a.img { height: auto; }
    .video dd a.img img { height: auto; }

    /*技术支持*/
    .project-list { width: 100%; }
    .project-list tr.on .close { font-size: 14px; float: none; }

    /*联系方式*/
    .map .text { display: block; }
    .map .text2 { display: none; }

    .feedback_table { width: 98%; margin: 0 auto; }
    .feedback_table .tbox { width: 100%; background-position: 97% center; margin-bottom: 12px; box-sizing: border-box; }
    .feedback_table .tarea { width: 100%; background-position: 97% 6px; margin-top: 0; box-sizing: border-box; }

    /*分页*/
    .fenye span { box-sizing: content-box; }
    .pagePrevNext span { height: auto; }
}